<template>
    <section class="container">
        <div>
            <div class="md" v-html="str">

            </div>
        </div>
    </section>
</template>

<script>
    import marked from 'marked'
    import axios from 'axios'
    export default {
        async asyncData({
            params
        }) {
            let a = await axios.get("http://qijiang.zlyun168.com:9090/static/gaosi.md")
                .then((res) => {
                    let str = marked(res.data.toString());
                    console.log(str);
                    return {
                        str: str
                    }
                })
            return a;
        },
        head: {
            title: "mathers_about",
        },
    }

</script>

<style lang="less">
    .md {
        max-width: 1200px;
        text-align: left;
        margin: 50px auto;
        line-height: 30px;
        color: #333;
        h1{
            line-height: 100px;
            text-align: center;
        }
        h2{
            line-height: 50px;
        }
        h3{
            padding-left: 25px;
            line-height: 40px;
        }
        p{
            text-indent:25px
        }
        blockquote{
            background-color: #eee;
            border-radius: 5px;
            padding: 5px  15px;
            margin: 5px 0;
        }
        table{
            tr{
                th{
                    border: 1px solid #eee;
                }
                td{
                    border: 1px solid #eee;
                }
            }
        }
    }
</style>
